<html>

<head>
<title>City List</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<link rel="stylesheet"
	href="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.css" />
<script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>

<script
	src="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.js"></script>
</head>
<body>

	<div id="map-div" data-role="page">
		<ul data-role="listview">
			{% for city in cities %}
			<li><a href='/{{lang}}/game/archive/{{archive}}/era/{{era}}/country/{{country}}/city/{{city.name}}'>
					<div>
						<label>{{cityLabels[city.name]}}</label>
					</div>
					<div>
						<label>{{geoLabels["Latitude"]}}:{{city.latitude}}</label>
					</div>
					<div>
						<label>{{geoLabels["Longitude"]}}:{{city.longitude}}</label>
					</div>
			</a></li> {% endfor %}
		</ul>
	</div>
</body>
</html>